﻿@using ZealousTTS.Web.Utility
@{
    ViewBag.Title = Html.GetPageTitle("Home");
    Layout = null;
    ZealousTTS.Web.ViewModels.UtilityModels.PagerConfig _PagerConfig = ViewBag.PagerConfig as ZealousTTS.Web.ViewModels.UtilityModels.PagerConfig;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>@ViewBag.Title</title>    
    <link href="@Url.Content("~/Content/JbStyles.css")" type="text/css" rel="Stylesheet" />
    <link href="@Url.Content("~/Content/themes/jb-ui/jquery.ui.all.css")" type="text/css" rel="Stylesheet" />    
</head>
<body>
    <div class="jb-top-menu-container">
        <div class="jb-top-menu-content jb-body">
            Home
            @Html.PublicLink("Login", "Logon", "Account")        
        </div>
    </div>
    <div class="jb-top-header-container jb-shadow"></div>
    <div id="divBodyContainer" class="jb-body">
        Another Day In Paradise
        <div>
            <a href="#" id="dialog_link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a>
        </div>

        <!-- ui-dialog -->
		<div id="dialog" title="Dialog Title">
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
		</div>
      </div>   
    <div class="jb-footer">
        <div class="jb-body">
             @Html.Partial("_Footer")
        </div> 
    </div>
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.js")" type="text/javascript"></script>    
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript"></script>


    <script type="text/javascript" language="javascript">
        $(document).ready(function () {
            // Dialog
            $('#dialog').dialog({
                autoOpen: false,
                width: 600,
                buttons: {
                    "Ok": function () {
                        $(this).dialog("close");
                    },
                    "Cancel": function () {
                        $(this).dialog("close");
                    }
                }
            });
            // Dialog Link
            $('#dialog_link').click(function () {
                $('#dialog').dialog('open');
                return false;
            });

            //hover states on the static widgets
            $('#dialog_link, ul#icons li').hover(
				function () { $(this).addClass('ui-state-hover'); },
				function () { $(this).removeClass('ui-state-hover'); }
			);
        });
    </script>
</body>
</html>
